<!-- 机票详情页面-->
<template>
  <div class="flightDetaile">
    <div class="FTDContentItem">
      <h4 class="FTDTitle">会员信息</h4>
      <el-descriptions v-if="memberData.id">
        <el-descriptions-item label="姓名">
          {{ memberData.userPassengerBO.passName || "暂无姓名" }}
        </el-descriptions-item>
        <el-descriptions-item v-if="memberData.userPassengerBO.passPhone" label="手机号">
          {{ memberData.userPassengerBO.passPhone }}
        </el-descriptions-item>
        <el-descriptions-item label="会员卡号" v-if="memberData.userCardBO.cardNumber">
          {{ memberData.userCardBO.cardNumber}}
        </el-descriptions-item>
        <el-descriptions-item label="会员名称" v-if="memberData.userCardBO.cardName">
          {{ memberData.userCardBO.cardName}}
        </el-descriptions-item>
        <el-descriptions-item v-if="memberData.userPassengerBO && memberData.userPassengerBO.certificateType" label="证件类型">
          {{memberData.userPassengerBO.certificateType | certificateValue}}
        </el-descriptions-item>
        <el-descriptions-item v-if="memberData.userPassengerBO && memberData.userPassengerBO.certificateNumber" label="证件号">
          {{ memberData.userPassengerBO.certificateNumber }}
        </el-descriptions-item>
        <el-descriptions-item label="备注">
          {{memberData.remark? memberData.remark : '暂无'}}
        </el-descriptions-item>
      </el-descriptions>
    </div>
    <div class="FTDContentItem">
      <h4 class="FTDTitle">乘客信息</h4>
      <el-table
        border
        :data="flightDelData.orderItemS"
        size="mini"
        :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }"
        :tree-props="{ children: 'children' }"
      >
        <el-table-column prop="passengerName" label="乘客姓名" width="100">
        </el-table-column>

        <el-table-column prop="passengerType" label="乘客类型" width="80">
          <template slot-scope="scope">
             {{scope.row.passengerType === 'adult'?'成人':
               scope.row.passengerType === 'children'?'儿童':'婴儿'}}
          </template>
        </el-table-column>
        <el-table-column prop="sex" label="性别" width="60">
           <template slot-scope="scope">
            <template>{{ scope.row.sex !== 'male'? '女':'男'}}</template>
          </template>
        </el-table-column>
        <el-table-column label="证件类型" width="180"> 
          <template slot-scope="scope">
             {{scope.row.idType | certificateValue}}
          </template>
        </el-table-column>
        <el-table-column prop="idNumber" label="证件号" width="180">
        </el-table-column>
        <el-table-column label="证件有效期" width="150">
          <template slot-scope="scope">
             {{scope.row.certificateDate || "暂无"}}
          </template>
        </el-table-column>
        <el-table-column prop="birthday" label="出生日期" width="150">
           <template slot-scope="scope">
             {{scope.row.birthday.split(" ")[0]}}
          </template>
        </el-table-column>
        <el-table-column prop="passengerPhone" label="手机号" width="150">
        </el-table-column>
        <el-table-column prop="orderStatus" label="订单状态">
          <template slot-scope="scope">
              {{scope.row.orderStatus | orderStatus}}
          </template>
        </el-table-column>

        <!-- <el-table-column prop="name" label="操作" width="100">
            <template slot-scope="scope">
              <el-button @click="FreeInsurance(scope.row)" type="text" size="small">新建订单</el-button>
            </template>
          </el-table-column> -->
      </el-table>
      <h5 v-if="this.deliverAssignBO" style="margin:16px 0px 12px 0px">其他信息</h5>
      <div v-if="this.deliverAssignBO">
        <div v-if="this.deliverAssignBO.deliverType === 'airportTicket'">
          取票地址: {{this.deliverAssignBO.ticketAddress}}
        </div>
        <div v-if="this.deliverAssignBO.deliverType === 'postTicket'">
          <el-descriptions>
            <el-descriptions-item label="收货人姓名">
              {{ this.deliverAssignBO.contactPhone || "暂无" }}
            </el-descriptions-item>
            <el-descriptions-item label="收货人手机">
              {{ this.deliverAssignBO.passName || "暂无" }}
            </el-descriptions-item>
            <el-descriptions-item label="收货人邮编">
              {{ this.deliverAssignBO.contactPostCode || "暂无" }}
            </el-descriptions-item>
            <el-descriptions-item label="收货人地址">
              {{ this.deliverAssignBO.contactAddress || "暂无" }}
            </el-descriptions-item>
          </el-descriptions>
        </div>
        <div v-if="this.deliverAssignBO.deliverType === 'reservedItinerary'">
          客户需要行程单
        </div>
        <div v-if="this.deliverAssignBO.deliverType === 'notItinerary'">
          客户无需行程单
        </div>
        <div v-if="this.deliverAssignBO.deliverType === 'invoice'">
          客户需要发票
        </div>
      </div>
   </div>
    <!-- 航班信息 -->
    <div class="FTDContentItem">
      <h4 class="FTDTitle">航班信息-去程</h4>
      <h5>基本信息</h5>
      <el-table border :data="tableData" size="mini"
        :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }"  style="width: 100%">
        <el-table-column prop="passengerName" label="乘客姓名" width="80">
        </el-table-column>
        <el-table-column prop="ticketNo" label="票号" width="160">
        </el-table-column>
        <el-table-column prop="departureCity" label="起飞" >
          <template slot-scope="scope">
            <template>{{ scope.row.departureCity+scope.row.departureAirportName+(scope.row.departureAirportTerminal?scope.row.departureAirportTerminal:'')}}</template>
          </template>
        </el-table-column>
        <el-table-column prop="arriveCity" label="到达">
          <template slot-scope="scope">
            <template>{{ scope.row.arriveCity+scope.row.arriveAirportName+(scope.row.arriveAirportTerminal?scope.row.arriveAirportTerminal:'')}}</template>
          </template>
        </el-table-column>
        <el-table-column prop="flightNo" label="航班" width="80">
        </el-table-column>
        <el-table-column prop="departureTime" label="乘机时间">
        </el-table-column>
        <el-table-column prop="arriveTime" label="到达时间">
        </el-table-column>
        <el-table-column prop="airlinerName" label="航空公司" width="80">
        </el-table-column>
        <el-table-column prop="flightType" label="机型" width="60">
        </el-table-column>
        <el-table-column prop="stopCount" label="经停" width="80">
        </el-table-column>
        <el-table-column prop="" label="航程">
          <template slot-scope="scope">
            <template>{{ scope.row.departureAirport+scope.row.arriveAirport}}</template>
          </template>
        </el-table-column>
      </el-table>
      <h5>价格信息</h5>
      <el-table border :data="tableData" size="mini"
        :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }">
        <el-table-column prop="passengerName" label="乘客姓名" width="80">
        </el-table-column>
        <el-table-column prop="ticketNo" label="票号" width="160">
        </el-table-column>
        <el-table-column prop="cabin" label="舱位" width="80">
        </el-table-column>
        <el-table-column label="舱位等级" width="100"> 
          <template slot-scope="scope">
             {{scope.row.cabinGrade | cabinGrade}}
          </template>
        </el-table-column>
        <el-table-column prop="upGradeFee" label="升舱费" width="80">
        </el-table-column>
        <el-table-column prop="originalPrice" label="原价" width="50">
        </el-table-column>
        <el-table-column prop="disCountRate" label="折扣" width="50">
          <template slot-scope="scope">
            <template>{{ scope.row.disCountRate / 10 }}</template>
          </template>
        </el-table-column>
        <el-table-column prop="ticketAmount" label="票面价" width="60">
        </el-table-column>
        <el-table-column prop="airportAmount" label="机建费" width="60">
        </el-table-column>
        <el-table-column prop="fuelAmount" label="燃油费" width="60">
        </el-table-column>
        <el-table-column prop="insuranceAmount" label="保险" width="50">
        </el-table-column>
        <el-table-column prop="returnCash" label="返现" width="50">
        </el-table-column>
        <!-- <el-table-column prop="" label="服务费" width="80"> </el-table-column> -->
        <el-table-column prop="lossFee" label="票价损失费" width="90">
        </el-table-column>
        <el-table-column prop="meal" label="餐食">
        </el-table-column>
      </el-table>
    </div>
    <!-- 返程 -->
    <div style="margin-top:24px" v-if="rnTableData.length">
      <div style="margin-bottom:16px">航班信息-返程(二程)</div>
      <h5>基本信息</h5>
      <el-table border :data="rnTableData" size="mini"
        :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }"  style="width: 100%">
        <el-table-column prop="passengerName" label="乘客姓名" width="80">
        </el-table-column>
        <el-table-column prop="ticketNo" label="票号" width="160">
        </el-table-column>
        <el-table-column prop="departureCity" label="起飞" >
          <template slot-scope="scope">
            <template>{{ scope.row.departureCity+scope.row.departureAirportName+(scope.row.departureAirportTerminal?scope.row.departureAirportTerminal:'')}}</template>
          </template>
        </el-table-column>
        <el-table-column prop="arriveCity" label="到达">
          <template slot-scope="scope">
            <template>{{ scope.row.arriveCity+scope.row.arriveAirportName+(scope.row.arriveAirportTerminal?scope.row.arriveAirportTerminal:'')}}</template>
          </template>
        </el-table-column>
        <el-table-column prop="flightNo" label="航班" width="80">
        </el-table-column>
        <el-table-column prop="departureTime" label="乘机时间">
        </el-table-column>
        <el-table-column prop="arriveTime" label="到达时间">
        </el-table-column>
        <el-table-column prop="airlinerName" label="航空公司" width="80">
        </el-table-column>
        <el-table-column prop="flightType" label="机型" width="60">
        </el-table-column>
        <el-table-column prop="stopCount" label="经停" width="80">
        </el-table-column>
        <el-table-column prop="" label="航程"> </el-table-column>
      </el-table>
      <h5>价格信息</h5>
      <el-table border :data="rnTableData" size="mini"
        :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }">
        <el-table-column prop="passengerName" label="乘客姓名" width="80">
        </el-table-column>
        <el-table-column prop="ticketNo" label="票号" width="160">
        </el-table-column>
        <el-table-column prop="cabin" label="舱位" width="80">
        </el-table-column>
        <el-table-column label="舱位等级" width="100"> 
          <template slot-scope="scope">
             {{scope.row.cabinGrade | cabinGrade}}
          </template>
        </el-table-column>
        <el-table-column prop="upGradeFee" label="升舱位" width="80">
        </el-table-column>
        <el-table-column prop="originalPrice" label="原价" width="50">
        </el-table-column>
        <el-table-column prop="disCountRate" label="折扣" width="50">
          <template slot-scope="scope">
            <template>{{ scope.row.disCountRate / 10 }}</template>
          </template>
        </el-table-column>
        <el-table-column prop="ticketAmount" label="票面价" width="60">
        </el-table-column>
        <el-table-column prop="airportAmount" label="机建费" width="60">
        </el-table-column>
        <el-table-column prop="fuelAmount" label="燃油费" width="60">
        </el-table-column>
        <el-table-column prop="insuranceAmount" label="保险" width="50">
        </el-table-column>
        <el-table-column prop="returnCash" label="返现" width="50">
        </el-table-column>
        <!-- <el-table-column prop="" label="服务费" width="80"> </el-table-column> -->
        <el-table-column prop="lossFee" label="票价损失费" width="90">
        </el-table-column>
        <el-table-column prop="meal" label="餐食">
        </el-table-column>
      </el-table>
    </div>
    <div class="FTDContentItem" v-if="refundVoList.length">
      <h4 class="FTDTitle">退票信息</h4>
      <el-table
        border
        :data="refundVoList"
        size="mini"
        :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }"
        style="width: 100%"
        :tree-props="{ children: 'children' }"
      >
        <el-table-column prop="passengerName" label="乘客姓名" width="100">
        </el-table-column>
        <el-table-column prop="ticketNo" label="票号" width="140">
        </el-table-column>
        <el-table-column prop="departureCity" label="起飞" >
          <template slot-scope="scope">
            <template>{{ scope.row.departureCityName+scope.row.departureAirportName+(scope.row.departureAirportTerminal?scope.row.departureAirportTerminal:'')}}</template>
          </template>
        </el-table-column>
        <el-table-column prop="arriveCity" label="到达">
          <template slot-scope="scope">
            <template>{{ scope.row.arriveCityName+scope.row.arriveAirportName+(scope.row.arriveAirportTerminal?scope.row.arriveAirportTerminal:'')}}</template>
          </template>
        </el-table-column>
        <el-table-column prop="cabin" label="舱位" width="60"> </el-table-column>
        <el-table-column label="舱位等级" width="100"> 
          <template slot-scope="scope">
             {{scope.row.cabinGrade | cabinGrade}}
          </template>
        </el-table-column>
        <el-table-column prop="flightType" label="机型" width="60">
        </el-table-column>
        <el-table-column prop="flightNo" label="航班号" width="80">
        </el-table-column>
        <el-table-column prop="airliner" label="航空公司" width="80">
        </el-table-column>
        <el-table-column prop="departureTime" label="起飞时间">
        </el-table-column>
        <el-table-column prop="arriveTime" label="到达时间" >
        </el-table-column>
        
        <!-- <el-table-column prop="payType" label="支付方式" width="60">
        </el-table-column> -->
      </el-table>
    </div>
    <div class="FTDContentItem" v-if="rebookVoList.length">
      <h4 class="FTDTitle">改签信息</h4>
      <el-table
        border
        :data="rebookVoList"
        size="mini"
        :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }"
        style="width: 100%"
        :tree-props="{ children: 'children' }"
      >
        <el-table-column prop="passengerName" label="乘客姓名" width="100">
        </el-table-column>
        <el-table-column prop="orderId" label="改签单号" width="160">
        </el-table-column>
        <el-table-column prop="ticketNo" label="票号" width="140">
        </el-table-column>
        <el-table-column prop="departureCity" label="起飞" >
          <template slot-scope="scope">
            <template>{{ scope.row.departureAirportName+(scope.row.departureAirportTerminal?scope.row.departureAirportTerminal:'')}}</template>
          </template>
        </el-table-column>
        <el-table-column prop="arriveCity" label="到达">
          <template slot-scope="scope">
            <template>{{ scope.row.arriveAirportName+(scope.row.arriveAirportTerminal?scope.row.arriveAirportTerminal:'')}}</template>
          </template>
        </el-table-column>
        <el-table-column prop="cabin" label="舱位" width="60"> </el-table-column>
        <el-table-column label="舱位等级" width="100"> 
          <template slot-scope="scope">
             {{scope.row.cabinGrade | cabinGrade}}
          </template>
        </el-table-column>
        <el-table-column prop="flightType" label="机型" width="60">
        </el-table-column>
        <el-table-column prop="flightNo" label="航班号" width="80">
        </el-table-column>
        <el-table-column prop="airliner" label="航空公司" width="80">
        </el-table-column>
        <el-table-column prop="departureTime" label="起飞时间">
        </el-table-column>
        <el-table-column prop="arriveTime" label="到达时间" >
        </el-table-column>
        
        <!-- <el-table-column prop="payType" label="支付方式" width="60">
        </el-table-column> -->
      </el-table>
    </div>
    <div class="FTDContentItem">
      <h4 class="FTDTitle">通用辅营产品信息</h4>
      <el-table
        border
        :data="flightOrderAssist"
        size="mini"
        :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }"
        style="width: 100%"
        :tree-props="{ children: 'children' }"
      >
        <el-table-column label="保险名" prop="productName"></el-table-column>
        <el-table-column
          label="保险售价"
          prop="salesMoney"
        ></el-table-column>
        <el-table-column label="被保人" prop="insuredName"></el-table-column>
        <el-table-column label="被保人手机号" prop="insuredPhone"></el-table-column>
        <el-table-column label="是否开报" >
          <template slot-scope="scope">
            {{ scope.row.insuranceStatus | insuranceStatus}}
          </template>
        </el-table-column>
      </el-table>
    </div>
    <el-row style="margin-top: 30px">
      <el-button type="primary">工单处理</el-button>
      <!-- <el-button type="primary">呼出</el-button> -->
      <el-button type="primary">短信</el-button>
      <!-- <el-button type="primary">跟单历史</el-button> -->
      <el-button type="primary">客户退改签</el-button>
      <el-button type="primary">催行程单</el-button>
      <el-button type="primary">通知款到</el-button>
      <el-button type="primary">租车预定</el-button>
      <el-button type="primary">补打报销凭证</el-button>
    </el-row>
    <div class="FTDContentItem" v-if="payRecordBOS && payRecordBOS.length">
      <h4 class="FTDTitle" style="margin-top:36px">支付日志</h4>
      <el-table
        border
        :data="payRecordBOS"
        size="mini"
        :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }"
        style="width: 100%"
        :tree-props="{ children: 'children' }"
      >
        <el-table-column label="序号" prop="id" width="60"></el-table-column>
        <el-table-column label="单号" prop="orderId"  width="160"></el-table-column>
        <el-table-column label="类型" prop="recordType"  width="100">
          <template slot-scope="scope">
            {{ scope.row.recordType === "pay" ? "支付": scope.row.recordType === "refund" ? "退款":"其他"}}
          </template>
        </el-table-column>
        <el-table-column label="创建时间" prop="createTime" width="160"></el-table-column>
        <el-table-column label="状态" prop="operationDescription" width="80">
          <template slot-scope="scope">
            {{ scope.row.recordStatus === "yes" ? "成功": scope.row.recordStatus === "no" ? "失败":"其他"}}
          </template>
        </el-table-column>
        <el-table-column label="支付流水号" prop="payNumber">
          <template slot-scope="scope">
            {{ scope.row.payNumber ? scope.row.payNumber: "暂无" }}
          </template>
        </el-table-column>
        <el-table-column label="退款申请号" prop="refundNumber">
          <template slot-scope="scope">
            {{ scope.row.refundNumber ? scope.row.refundNumber: "暂无" }}
          </template>
        </el-table-column>
        <el-table-column label="操作金额" prop="amount"></el-table-column>
      </el-table>
    </div>
    <div class="FTDContentItem">
      <h4 class="FTDTitle" style="margin-top:36px">操作日志</h4>
      <el-table
        border
        :data="outticketLogs"
        size="mini"
        :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }"
        style="width: 100%"
        :tree-props="{ children: 'children' }"
      >
        <el-table-column label="序号" prop="operationId" width="60"></el-table-column>
        <el-table-column label="单号" prop="orderId"  width="160"></el-table-column>
        <el-table-column label="操作人" prop="employeeName"  width="100">
        </el-table-column>
        <el-table-column label="操作时间" prop="operationTime" width="160"></el-table-column>
        <el-table-column label="操作标题" prop="operationDescription" width="220"></el-table-column>
        <el-table-column label="操作内容" prop="operationContent"></el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  name: "flightDetaile",
  data() {
    return {
      flightDelData: {},
      memberData:{}, // 会员信息
      deliverAssignBO:{},//其他信息
      tableData:[], // 人员及单程数据
      rnTableData:[], //多程及往返数据
      rebookVoList:[],
      refundVoList: [],
      payRecordBOS:[], //支付日志
      outticketLogs: {}, //操作日志
      flightOrderAssist: [], //辅营产品
      orderId: localStorage.getItem("detaileOrderId") || "",
    };
  },
  watch: {},
  filters:{
    cabinGrade(val){
      if(val === "Y")return "经济舱"
      if(val === "C")return "公务舱"
      if(val === "F")return "头等舱"
      if(!val)return "暂无"
    },
    insuranceStatus(val){
      if(val === "success")return "开保成功"
      if(val === "failure")return "开保失败"
      if(val === "refund")return "退保"
      if(!val)return "未开保"
    },
    certificateValue(val){
      if(val==="ZGJMSFZ")return "中国居民身份证";
      if(val==="MILITARY")return "军官证";
      if(val==="BIRTH")return "出生医学证明";
      if(val==="HKB")return "户口薄";
      if(val==="OTHER")return "其他证件";
      if(val==="GATJMJZZ")return "港澳台居民居住证";
      if(val==="GAJMLWNDTXZ")return "港澳居民来往内地通行证";
      if(val==="TWJMLWDLTXZ")return "台湾居民来往大陆通行证";
      if(val==="HZ")return "护照";
      if(val==="DZHZ")return "电子护照";
      if(val==="WGRYJJLSFZ")return "外国人永久居留身份证";
    },
  },
  methods: {
    // 订单详情
    getorderFlightDetails(orderId) {
      this.$axios.getorderFlightDetails({
        orderId,
    }).then((res) => {
        if (res.code == "00000") {
            this.flightDelData = res.data;
            this.deliverAssignBO =  this.flightDelData.deliverAssignBO;
            this.getFlightOrderAssist(res.data.productsOrderBOS,res.data.orderItemS);
            this.getqueryUserCrm(this.flightDelData.userId);
            this.getPressonList(this.flightDelData);
            this.outticketLogs = this.flightDelData.operationLogBOS;
            this.payRecordBOS = this.flightDelData.payRecordBOS;
            
          }
        });
    },
    getFlightOrderAssist(data,orderItemS){
      orderItemS.forEach((item)=>{
        data.forEach((items)=>{
          if(items.orderItemId === item.id){
            if(!items.insuredName) items.insuredName =item.passengerName
            if(!items.insuredPhone) items.insuredPhone =item.passengerPhone
            if(!items.insuredIdNumber) items.insuredIdNumber =item.idNumber
            if(!items.insuredIdType) items.insuredIdType =item.idType
          }
        })
      })
      this.flightOrderAssist =  data;
    },
    // 会员信息查询
    getqueryUserCrm(userId){
      if(!userId) return;
      this.$axios.getqueryUserCrm({
        userId
      }).then((res)=>{
        if(res.code == "00000"){
          this.memberData = res.data
        }else{
          console.log(错误)
        }
      })
    },
    // 数据解析处理
    getPressonList(data){
    // 深拷贝数据,以防止联动修改
    let linshiData = JSON.parse(JSON.stringify(data))
    let orderItemS =[],orderReturnItems=[],changeRefundS =JSON.parse(JSON.stringify(data.changeRefundS));
        // 判断是有返程票或中转票
      linshiData.orderItemS.forEach((item)=>{
        if(item.tripType !== "OW"){
          orderReturnItems.push(item)
        }else{
          orderItemS.push(item)
        }
      })
      if(orderReturnItems.length){
        orderItemS.forEach((item)=>{
          orderReturnItems.forEach((reItem)=>{
            if(item.passengerName === reItem.passengerName){
              item.returnList = reItem
            }
          })
        })
      }
      // 改签/退票列表
      if(changeRefundS.length){
        orderItemS.forEach((item)=>{
          if(!item.refundList) item.refundList = new Object();
          if(!item.changeList) item.changeList = new Object();
          changeRefundS.forEach((changeItem)=>{
            if(item.passengerName === changeItem.orderChangRefundItem.passengerName){
              // item = Object.assign(item,changeItem.orderChangRefundItem);
              if(changeItem.orderChangRefundItem.orderStatus === "changeRefundTicketSuccess" || changeItem.orderChangRefundItem.orderStatus === "refundTicketSuccess"){
                this.refundVoList.push(Object.assign(changeItem,changeItem.orderChangRefundItem));
                item.refundList=changeItem.orderChangRefundItem;
              }else{
                this.rebookVoList.push(Object.assign(changeItem,changeItem.orderChangRefundItem));
                item.changeList=changeItem.orderChangRefundItem;
              }
            }
          })
        })
      }
      this.tableData = [].concat(orderItemS); //人员及单程数据
      this.rnTableData =[].concat(orderReturnItems) ; //返程数据
    },
  },
  mounted() {
    if (this.$route.params.id) {
      localStorage.setItem("detaileOrderId", this.$route.params.id);
    }
    this.orderId = localStorage.getItem("detaileOrderId");
    this.getorderFlightDetails(this.orderId);
    console.log(this.orderId);
  },
};
</script>

<style  scoped>
  .flightDetaile{
    padding: 36px;
  }
  .FTDContentItem{
    margin-bottom: 20px;
  }
  .FTDContentItem>.FTDTitle{
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: 400;
  }
  .FTDContentItem>h5{
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: 400;
  }
</style>
